<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <title>个人资料</title>
        <meta name="keywords" content="" /> 
        <meta name="description" content="" /> 
        <link rel="shortcut icon" href="Public/images/favicon.ico" type="image/x-icon" /> 
        <link rel="stylesheet" href="Public/css/style.css" type="text/css" /> 
      
    </head> 
    
    
     <!-- Header -->
    <header class="header_bg clearfix">
		<div class="container clearfix">
        	<!-- Social -->
            	<ul class="social-links">
                	<li ><a href="javascript:"><img src="images/facebook.png" alt="Facebook"></a></li>
                    <li ><a href="javascript:"><img src="images/twitter.png" width="24" height="24" alt="Twitter"></a></li>
                </ul>
            <!-- /Social -->
			 <!-- Logo -->
			<div class="logo">
				<a href="index.html"><img src="images/logo.png" alt="" /></a>
			</div>
			 <!-- /Logo -->
			
			<!-- Master Nav -->
			<nav class="main-menu">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li>
						<a>分类</a>
						<ul>
							
							<li><a href="typography.html">热门景点</a></li>
							<li><a href="blog_single.html">微博动态</a></li>
							<li><a href="elements.html">游玩直播</a></li>
							
							<li><a href="javascript:">攻略</a>
								<ul>
									<li><a href="pricing_2_cols.html">旅行路线</a></li>
                                    <li><a href="bbs.html">达人游记</a></li>
                                    <li><a href="pricing_5_cols.html">问答</a></li>
									
								</ul>
							</li>
                            
                            <li><a href="full_width.html">美文</a></li>
						</ul>
					</li>
					<li><a>主题</a>
						<ul>
							<li><a href="portfolio_2_cols.html">名山大川</a></li>
							<li><a href="portfolio_3_cols.html">海滨海岛</a></li>
							<li><a href="portfolio_4_cols.html">主题乐园</a></li>
							<li><a href="portfolio_5_cols.html">婚纱摄影</a></li>
						</ul>
					</li>
					<li><a href="registerIndex.html">注册</a></li>
					<li><a href="loginIndex.html">登录</a></li>
				</ul>
			</nav>
			<!-- /Master Nav -->
		</div>
	</header>
    <!-- /Header -->
    <body> 
      
<link href="Public/css/member.css" rel="stylesheet" type="text/css" />
<div class="container clearfix">
    <div class="member_right">
    <div class="member_per">
        <div class="panel clearfix">
            <div class="panel-info clearfix">
                <a href="member_avatar.html"><img class="round-image" width="50" height="50" src="other/avatar/dir/1.jpg" alt="头像"></a>
                <div class="name-job">
                    <h4 class="myname"> 西门吹雪 </h4>
                    <p class="job-title"> 技术总监 </p>
                </div>
            </div>
            <div class="sign-wrap">
                <textarea id="signed_textarea" class="signed_textarea"  disabled autocomplete="off">继续来吧.</textarea>
                <em id="signed_edit" class="signed_edit"></em>
            </div>
            <p id="signed_error" class="signed_error"></p>
            <div class="rank-points">
                <ul>
                    <li class="mp-item">
                        <a class="mp-atag" href="member_points.html">
                            <span class="mp-title">积分</span>
                            <span class="mp-num">20552</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="member_per">
        <ul class="nav panel">
            <li>
                <a href="member_index.html"><i class="icon-nav icon-tick"></i>我的主页</a>
            </li>
            <li>
                <a href="member_set.html"><i class="icon-nav icon-note"></i>我的设置</a>
            </li>
            <li>
                <a href="member_comment.html"><i class="icon-nav icon-plan"></i>我的评论</a>
            </li>
           <li>
                <a href="member_topic.html"><i class="icon-nav icon-ques"></i>我的游记</a>
            </li>
<!--            <li>
                <a href="" class=""><i class="icon-nav icon-code"></i>我的代码</a>
            </li>-->
            <li style='border-bottom: none'>
                <a href="member_message.html" class=""><i class="icon-nav icon-msg"></i>我的消息</a>
            </li>
        </ul>
    </div>
    <div class="member_per">
        <ul class="space-data panel">
            <li>
                <span class="icon-clock icon" title="下载"></span>
                下载：
                <a href="member_downloads.html">53次</a>
            </li>
            <li>
                <span class="icon-tick icon" title="收藏"></span>
                收藏：
                <a  href="http://www.erdangjiade.com/Member/collects.html">3条</a>
            </li>
            <li>
                <span class="icon-note icon" title="签到"></span>
                签到：
                <a class="countNote" href="member_sign.html">15次</a>
            </li>
<!--            <li>
                <span class="icon-ques icon" title="发表"></span>
                话题：
                <a href="">0条</a>
            </li>-->
<!--            <li>
                <span class="icon-chat icon" title="回答"></span>
                回答：
                <a href="">0条</a>
            </li>-->
            <li>
                <span class="icon-code icon" title="代码"></span>
                代码：
                <a href="">0条</a>
            </li>
            <li>
                <span class="icon-user icon" title="粉丝"></span>
                粉丝：
                <a href="">0个</a>
            </li>
        </ul>
    </div>
</div>
    <div class="member_main">
        <div class="perInfo">
            <div class="titleInfoBorder">
                <span>我的设置</span>
            </div>
            <div class="firstTabBox lineSpace">
    <a class="tab currentTab" href="member_set.html">个人资料</a>
    <span class="line">|</span>
    <a class="tab " href="member_avatar.html">头像设置</a>
    <span class="line">|</span>
    <a class="tab " href="member_email_check.html">邮箱验证</a>
    <span class="line">|</span>
    <a class="tab " href="member_pwd.html">修改密码</a>
<!--    <span class="line">|</span>
    <a class="tab " href="http://www.erdangjiade.com/Member/bind.html">绑定账号</a>-->
</div>
        </div>
        <div class="setting-right-wrap wrap-boxes settings">
            <div id="setting-profile" class="setting-wrap setting-profile">
                <div class="wlfg-wrap">
                    <label class="label-name" for="nick">昵称</label>
                    <input id="nickname" class="rlf-input rlf-input-nick" type="text" placeholder="请输入昵称." value="西门吹雪" data-validate="nick" autocomplete="off" name="nickname">
                </div>
                <div class="wlfg-wrap">
                    <label class="label-name" for="job">职业</label>
                    <select id="job" class="rlf-select" hidefocus="true" name="job" autocomplete="off">
                        <option value="">您的职业</option>
                        <option value="页面重构设计" >页面重构设计</option><option value="交互设计师" >交互设计师</option><option value="产品经理" >产品经理</option><option value="UI设计师" >UI设计师</option><option value="JS工程师" >JS工程师</option><option value="Web前端工程师" >Web前端工程师</option><option value="移动开发工程师" >移动开发工程师</option><option value="PHP开发工程师" >PHP开发工程师</option><option value="软件测试工程师" >软件测试工程师</option><option value="Linux系统工程师" >Linux系统工程师</option><option value="JAVA开发工程师" >JAVA开发工程师</option><option value="技术总监" selected>技术总监</option><option value="CEO" >CEO</option><option value="学生" >学生</option><option value="其它" >其它</option>                    </select>
                </div>
                <div class="wlfg-wrap">
                    <label class="label-name" for="province-select">城市</label>
                    <span id="city_area">
                        <select class="prov"></select> 
                        <select class="city" disabled="disabled"></select>
                        <select class="dist" disabled="disabled"></select>
                    </span>
                </div>
                <div class="wlfg-wrap">
                    <label class="label">性别</label>
                    <label>
                        <input type="radio" name="sex" value="0" hidefocus="true" autocomplete="off" />
                        保密
                    </label>
                    <label>
                        <input type="radio" name="sex" value="1" hidefocus="true" autocomplete="off" checked/>
                        男
                    </label>
                    <label>
                        <input type="radio" name="sex" value="2" hidefocus="true" autocomplete="off" />
                        女
                    </label>

                </div>
                <div class="wlfg-wrap">
                    <label class="label-name label_signature" for="aboutme">个性签名</label>
                    <textarea  class="textarea textarea_signature" rows="5" cols="30" id='signature'>继续来吧.</textarea>

                </div>
                <div class="wlfg-wrap">
                    <label class="label-name"></label>
                    <button class="btn" type="button" id='btn_submit'>保存</button>
                </div>
            </div>
        </div>
        <div class="pager"></div>
        <!--<div class="myspace-list">
    <a class="myspace-plan " href="member_info.html">
        <span>主页</span>
    </a>
     <a class="myspace-note planactive" href="member_set.html">
        <span>设置</span>
    </a>
    <a class="myspace-course " href="member_comment.html">
        <span>评论</span>
    </a>

    <a class="myspace-ques " href="">
        <span>问答</span>
    </a>
    
    <a class="myspace-code " href="">
        <span>代码</span>
    </a>
</div>-->
    </div>
   
</div>
 <!-- footer -->
    <footer class="footer_bg_bottom clearfix">
		<div class="footer_bottom container">
			<div class="col_2_3">
				
				<div class="menu">
					<ul>
						<li><a href="index.html">首页</a></li>
                        <li><a href="elements.html">游玩直播</a></li>
						<li><a href="portfolio_4_cols.html">主题乐园</a></li>
						<li><a href="pricing_5_cols.html">问答</a></li>
						<li><a href="blog.html">微博</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</div>
				
				<div class="clear padding20"></div>
				
				
				<p>
					&copy; Some Rights Reserved. &nbsp; <a href="#">Legal Notices</a>  More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> </p>
				
			</div>
			
			<div class="clear padding20"></div>
		</div>
	</footer>
    <!-- /footer -->
 
	




<script type="text/javascript" src="Public/js/other/jquery.cityselect.js"></script>
<script type="text/javascript">
    $(function() {
        $("#city_area").citySelect({
            prov: "北京",
            city: "东城区",
            dist: "null",
            nodata: "none",
            url: "Public/js/other/city.min.js"
        });
        $("#btn_submit").click(function() {
            var nickname = $("#nickname").val();
            var job = $("#job").val();
            var sex = $("input[name=sex]:checked").val();
            var signature = $("#signature").val();
            var area = '';
            $("#city_area").children("select").each(function() {
                area += $(this).val() + ",";
            })
            checkBefore('#btn_submit');
            $.post(getUrl("Ajax/updateInfo"), {nickname: nickname, job: job, area: area, sex: sex, signature: signature}, function(data) {
                $("#signed_textarea").val(signature);
                $(".job-title").html(job);
                $(".myname").html(nickname);
                checkAfter('#btn_submit');
                showSuccessTip('资料修改成功！');
            }, "json")
        })
    })

</script>